{extend name="index"/}
{block name="title"}优惠券管理  - 后台管理{/block}
{block name="content"}
<section class="Hui-article-box">
    <nav class="breadcrumb">
        <i class="Hui-iconfont">&#xe67f;</i>
        <a href="{:url('Index/index')}">首页</a>
        <span class="c-gray en">&gt;</span> 优惠券管理
        <span class="c-gray en">&gt;</span> 优惠券列表
        <a id="btn-refresh" class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" >
            <i class="Hui-iconfont">&#xe68f;</i>
        </a>
    </nav>
    <div class="Hui-article">
        <article class="cl pd-20">
            <!--<div class="cl pd-5 bg-1 bk-gray mt-20">
                <span class="l">
                    <a href="javascript:;" onclick="coupon_add('添加优惠券','add.html','','510')" class="btn btn-primary radius">
                        <i class="Hui-iconfont">&#xe600;</i> 添加优惠券
                    </a>
                </span>
            </div>-->
            <div class="mt-20">
                <table class="table table-border table-bordered table-hover table-bg table-sort">
                    <thead>
                    <tr class="text-c">
                        <th width="40"><input name="" type="checkbox" value=""></th>
                        <th width="40">ID</th>
                        <th width="100">名称</th>
                        <th width="60">优惠金额</th>
                        <th width="60">优惠限额</th>
                        <th width="60">有效期</th>
                        <th width="100">添加时间</th>
                        <th width="60">发布状态</th>
                        <th width="100">操作</th>
                    </tr>
                    </thead>
                    {volist name="list" id="val"}
                    <tbody>
                    <tr class="text-c">
                        <td><input type="checkbox" value="1" name=""></td>
                        <td>{$val['id']}</td>
                        <td>{$val['title']}</td>
                        <td>{$val['money']}</td>
                        <td>{$val['astrict']}</td>
                        <td>{$val['term']}天</td>
                        <td>{$val['add_time']}</td>
                        <td class="td-status">
                            {eq name="$val['status']" value="1" }
                            <span class="label label-danger radius">禁用</span>
                            {/eq}
                            {eq name="$val['status']" value="0" }
                            <span class="label label-success radius">启用</span>
                            {/eq}
                        </td>
                        <td class="td-manage">
                            {eq name="$val['status']" value="0" }
                            <a style="text-decoration:none" onClick="coupon_stop(this,'{$val['id']}')" href="javascript:;" title="禁用">
                                <i class="Hui-iconfont">&#xe631;</i>
                            </a>
                            {/eq}
                            {eq name="$val['status']" value="1" }
                            <a style="text-decoration:none" onClick="coupon_start(this,'{$val['id']}')" href="javascript:;" title="启用">
                                <i class="Hui-iconfont">&#xe6e1;</i>
                            </a>
                            {/eq}
                            <a title="编辑" href="javascript:;" onclick="coupon_edit('编辑','edit.html','{$val['id']}','','510')" class="ml-5" style="text-decoration:none">
                                <i class="Hui-iconfont">&#xe6df;</i>
                            </a>
                            <!--<a title="删除" href="javascript:;" onclick="coupon_del(this,'{$val['id']}')" class="ml-5" style="text-decoration:none">
                                <i class="Hui-iconfont">&#xe6e2;</i>
                            </a>-->
                        </td>
                    </tr>
                    </tbody>
                    {/volist}
                </table>
                <div class="bjwl_paginate">
                    {$list->render()}
                </div>
            </div>
        </article>
    </div>
</section>
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="__LIB__/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="__LIB__/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="__LIB__/laypage/1.2/laypage.js"></script>
<script type="text/javascript">
   /* $(function(){
        $('.table-sort').dataTable({
            "aaSorting": [[ 1, "desc" ]],//默认第几个排序
            "bStateSave": true,//状态保存
            "aoColumnDefs": [
                //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
                {"orderable":false,"aTargets":[0,7]}// 制定列不参与排序
            ]
        });
        $('.table-sort tbody').on( 'click', 'tr', function () {
            if ( $(this).hasClass('selected') ) {
                $(this).removeClass('selected');
            }
            else {
                $('tr.selected').removeClass('selected');
                $(this).addClass('selected');
            }
        });
    });*/
    /*添加*/
    function coupon_add(title,url,w,h){
        layer_show(title,url,w,h);
    }
    /*停用*/
    function coupon_stop(obj,id){
        layer.confirm('确认要禁用吗？',function(index){
            $.ajax({
                url:"{:url('Coupon/stop')}",
                type:'post',
                data:{'id':id},
                dataType:'json',
                success:function(data){
                    if(data.code==0)
                    {
                        $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="coupon_start(this,'+id+')" href="javascript:;" title="启用"><i class="Hui-iconfont">&#xe6e1;</i></a>');
                        $(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">禁用</span>');
                        $(obj).remove();
                        layer.msg(data.msg,{icon:6,time:1000});
                    }
                    else{
                        layer.msg(data.msg,{icon:5,time:1000});
                    }
                },
                error:function(data){
                    layer.msg(data.msg,{icon:5,time:1000});
                }
            });
        });
    }
    /*启用*/
    function coupon_start(obj,id){
        layer.confirm('确认要启用吗？',function(index){
            $.ajax({
                url:"{:url('Coupon/start')}",
                type:'post',
                data:{'id':id},
                dataType:'json',
                success:function(data){
                    if(data.code==0)
                    {
                        $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="coupon_stop(this,'+id+')" href="javascript:;" title="禁用"><i class="Hui-iconfont">&#xe631;</i></a>');
                        $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">启用</span>');
                        $(obj).remove();
                        layer.msg(data.msg,{icon:6,time:1000});
                    }
                    else{
                        layer.msg(data.msg,{icon:5,time:1000});
                    }
                },
                error:function(data){
                    layer.msg(data.msg,{icon:5,time:1000});
                }
            });
        });
    }
    /*编辑*/
    function coupon_edit(title,url,id,w,h){
        layer_show_id(title,url,id,w,h);
    }
    /*删除*/
    function coupon_del(obj,id){
        layer.confirm('确认要删除吗？',function(index){
            $.ajax({
                url:"{:url('Coupon/del')}",
                type:'post',
                data:{'id':id},
                dataType:'json',
                success:function(data){
                    if(data.code==0)
                    {
                        $(obj).parents("tr").remove();
                        layer.msg(data.msg,{icon:6,time:1000});
                    }
                    else{
                        layer.msg(data.msg,{icon:5,time:1000});
                    }
                },
                error:function(data){
                    layer.msg(data.msg,{icon:5,time:1000});
                }
            });
        });
    }
</script>
<!--/请在上方写此页面业务相关的脚本-->
{/block}